<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>遍历</title>
    <style>

    </style>
</head>
<body>

<script>
  // let depts = [
  //   {
  //     deptno:10,
  //     dname:'研发部',
  //     loc:'沈阳市'
  //   },{
  //     deptno:20,
  //     dname:'销售部',
  //     loc:'广州市'
  //   },{
  //     deptno:30,
  //     dname:'财务部',
  //     loc:'成都市'
  //   }
  // ]
  // depts.forEach(function (dept){
  //   console.log('部门编号：',dept.deptno)
  //   console.log('部门位置：',dept.dname)
  //   console.log('部门位置：',dept.loc)
  // });
  // sessionStorage
  //     临时存储 setItem(key,value)
  // getItem(key)
  // removeItem(key)
  //
  // localStorage
  // cookie
  // WebSQL
  // indexEDDB
  // var s = 'hello';
  //
  // for (var i = 0; i < s.length; i++) {
  //     console.log(s[i]);
  // }
  //
  // console.log(i);
  //获取匹配的第一个元素
  const box = document.querySelector('div')
  console.log('box')
  const nav =document.querySelector('#nav')
  console.log('nav')
  //获取第一个ul的小li
  const li  =document.querySelector('ul li:first-child')
  console.log(li)
  //获取ul的所有小li
  const lis = document.querySelector('ul li')
  console.log(lis)

</script>
</body>
</html>
